<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>

  <title>申请贷款</title>
</head>
<body>
  <%- include src/pages/common/header.html -%>

  <div class="content loan">
    <div class="main-container">
        <div class="loan__steps">
            <ol class="steps">
              <li class="steps__item active">
                <span class="steps__indicator">1</span>
                <div class="steps__inner">身份验证</div>
              </li>
              <li class="steps__item active">
                <span class="steps__indicator">2</span>
                <div class="steps__inner">视频面签</div>
              </li>
              <li class="steps__item">
                <span class="steps__indicator">3</span>
                <div class="steps__inner">完成签署</div>
              </li>
            </ol>
        </div>

        <div class="stepanel sign">
          <span class="stepanel__arrow nobar"></span>

          <div class="sign__contract"></div>

          <div class="sign__validation">
            <div class="form-group">
              <label for="warranty" class="form__label">保证人</label>
              <input type="text"
                name="warranty"
                id="warranty"
                class="form-control"
                value="王小小"
                readonly
              >
            </div>
            <div class="form-group">
              <label for="phoneNo" class="form__label">已验证手机</label>
              <input type="text"
                name="phoneNo"
                id="phoneNo"
                class="form-control"
                value="158****7093"
                readonly
              >
            </div>
            <div class="form-group">
              <label for="code" class="form__label">请填写手机校验码</label>
              <div class="input-suite">
                <input type="text" name="code" id="code" class="form-control">
                <div class="input-suite__addon input-suite__btn">
                  <button class="btn btn-primary">获取验证码</button>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="verifyCode" class="form__label">验证码</label>
              <div class="input-suite">
                <input type="text" name="verifyCode" id="verifyCode" class="form-control">
                <div class="input-suite__addon input-suite__code"></div>
                <a href="#" class="input-suite__addon input-suite__refresh">刷新</a>
              </div>
            </div>
            <div class="sign__btn text-center">
              <button class="btn btn-primary" data-toggle="modal" data-target="#recordTip">签署</button>
            </div>
          </div>

        </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>